<!DOCTYPE html>
<html>
<head>
    <title>我的订单</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta name="format-detection" content="telephone=no"/>
    <link rel="stylesheet" type="text/css" href="../css/weui.min.css">
    <link rel="stylesheet" type="text/css" href="../css/main.css">
    <script type="text/javascript" src="../js/jquery-3.1.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $(".finished a").first().css({"color":"#51aa38","border-bottom":"3px solid #51aa38"});
            $(".nav a").click(function(){
                $(this).parent().siblings().children().css({"color":"#333","border-bottom":"none"});
                $(this).css({"color":"#51aa38","border-bottom":"3px solid #51aa38"});
            });
        })
    </script>
</head>
<body>
<div class="nav">
    <ul class="nav">
        <li><a href="#">已付款</a></li>
        <li><a href="#">待返利</a></li>
        <li><a href="#">已返利</a></li>
        <li class="finished"><a href="#">已失效</a></li>
    </ul>
</div><!-- nav结束 -->
<div class="orders_list" style="margin-top: 40px;">
    <div class="orders">
        <div class="orders_top">
            <span>订单号:</span>&nbsp;<span>2223666903</span>
        </div><!-- orders_top结束 -->
        <div class="orders_body">
            <div class="orders_body_content">
                <img src="../img/picture.png">
                <p>2016秋季韩版新款英伦女鞋学院小皮鞋休闲鞋复古单鞋女潮</p>
            </div>
        </div><!-- orders_body结束 -->
        <div class="orders_foot">
            <div class="orders_foot_left">付款金额:<span>￥236.0</span></div>
            <div class="orders_foot_right">返利金额:<span>23.0</span></div>
        </div><!-- orders_foot结束 -->
    </div><!-- orders结束 -->

    <div class="orders">
        <div class="orders_top">
            <span>订单号:</span>&nbsp;<span>2223666903</span>
        </div><!-- orders_top结束 -->
        <div class="orders_body">
            <div class="orders_body_content">
                <img src="../img/picture.png">
                <p>2016秋季韩版新款英伦女鞋学院小皮鞋休闲鞋复古单鞋女潮</p>
            </div>
        </div><!-- orders_body结束 -->
        <div class="orders_foot">
            <div class="orders_foot_left">付款金额:<span>￥236.0</span></div>
            <div class="orders_foot_right">返利金额:<span>23.0</span></div>
        </div><!-- orders_foot结束 -->
    </div><!-- orders结束 -->
</div><!-- orders_list结束 -->
</body>
</html>